<template>
  <div id="app">
    <loading v-model="isLoading" text="loading"></loading>
    <keep-alive include="Home,Classify,Free,Monthly,Ranking">
     <router-view ></router-view>
    </keep-alive>
    <bottomNav></bottomNav>
  </div>
</template>

<script>
import {mapState} from 'vuex'
import bottomNav from '@/components/bookshelf/buttom_nav'
export default {
  name: 'app',
  components:{bottomNav},
  computed:{
    ...mapState({
      isLoading: state => state.loadingStatus.isLoading,
      }
    )
  },

}
</script>

<style>

</style>
